<!DOCTYPE html>
<html>
<head>
    <title>CSS Test reference</title>
    <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
    <style type="text/css">
        .block {
           position: absolute;
           top: 70px;
           width: 60px;
        }
        .green {
            background-color: green;
            height: 60px;
        }
        #square-1 {
            left: 20px;
        }
        #square-2 {
            left: 90px;
        }
        #blue-rect {
            background-color: blue;
            height: 120px;
            left: 190px;
        }
    </style>
</head>
<body>
    <p>The test passes if there are two green side by side squares on the left of one blue vertical rectangle. 
        There should be no red.</p>
    <div class="green block" id="square-1"></div>
    <div class="green block" id="square-2"></div>
    <div class="block" id="blue-rect"></div>
</body>
</html>
